<head>

<style>

body {
	font-family: "Helvetica Neue",Arial,Helvetica,sans-serif;
    padding: 10px;
}

.img1 {
	margin-bottom: 60px;
}

.img2 {
	margin-bottom: 20px;
}

.floatLeft {

}

.imghor {
	float:left;
	margin-right:100px;
}

.section {
	/*height: 80px;*/
	padding-top: 20px;
	padding-bottom: 20px;
	vertical-align: middle;
}

.sectionTitle {
	/*font-style: italic;*/
}

.small {
	/*font-style: italic;*/
	font-size:12px;
}


.title {
	font-size:20px;
	margin-right: 40px;
}

.subt {
	font-size:20px;
	/*color:#0000CD;
	font-style: italic;*/
}

a {text-decoration:none;}

#header {
}

.hright {
	float:right;
}


#contact {

}

.sep {
	/*width: 1100px;*/
}
</style>

<link rel="stylesheet" type="text/css" href="./css/default.css">
<link rel="stylesheet" type="text/css" href="./css/component.css">
<script src="./js/modernizr.custom.js"></script>

<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<meta name="keywords" content="Android, mobile development, web development, programming, freelancer, environment, recycling, garbage, lift, scala">
<meta name="description" content="Programming portfolio mobile / web">
<meta name="author" content="Ivan Schuetz">
<meta name="copyright" content="April 2013">
<title>Portfolio</title>
</head>
<body>

<div id="header">
<div>
<div>
<span class="title"  style="float:left"><a name="top">Ivan Schuetz</a></span><span class="subt">Mobile &#8226;&#8226;&#8226; Web</span>
<span class="hright"> <a id="contact" href="http://www.ivanschuetz.com/contact-impressum.php" target="_blank">Contact / info</a>, other profiles: <a href="https://github.com/i-schuetz" target="_blank">GitHub</a> | <a href="http://randomprogrammingthings.blogspot.de/" target="_blank">Blog</a> | <a href="http://stackoverflow.com/users/930450/ixx" target="_blank">StackOverflow</a></span>
<div>
<br/><br>
    <!--<a href="#clojushopios">Clojushop client (iOS)</a> | --><a href="#clojushop">Clojushop (Clojure)</a> | <a href="#fashionapps">The Iconic / Dafiti apps (Android)</a> | <a href="#maps">Map areas (Android)</a> | <a href="#openfeedback">openfeedback.net (Scala, Play, Mongo, AngularJS)</a> | <a href="#showcase">Showcase app (Android)</a> | <a href="#wastepedia">Wastepedia (Scala, Lift, MySQL)</a> | <a href="#zalora">Zalora app (Android)</a> | <a href="#dropgifts">Drogifts app (Android)</a> | <a href="http://ivanschuetz.com/index_old.html"  target="_blank">Misc(mostly minigames) (Flash, Javascript, Java, etc.)</a><br>
    
    
</div>

<div class="hright" style="z-index:100">

<br/>
</div>

<div style="clear:both;"></div>
<!--
<hr class="sep">
<div class="section">
	<h1 class="sectionTitle"><a name="clojushopios">Clojushop client</a>    <a href="#top">&#8593;</a></h1>
	<a href="https://github.com/i-schuetz/clojushop_client_ios" target="_blank">Github (Objective C)</a><br/>
    <a href="https://github.com/i-schuetz/rest_client_ios" target="_blank">Github (Swift port)</a><br/><br/>
    iOS client app for <a href="http://ivanschuetz.com/#clojushop">Clojushop</a>. Products list, details view, login, register, user account, logout, cart, payment. REST, caching layer (core data). Portrait / landscape, universal (iPhone/iPad). The Swift project is a gradual migration using the Objective C project as basis.<br> Note - this is ooold! It was my very first iOS app - can do better now ;P
</div>

<hr class="sep">

<ul id="og-grid8" class="og-grid">
    <li>
        <a data-largesrc="./img/big/cios_list.png">
            <img src="./img/new2/cios_list.png"/>
        </a>
    </li>
    <li>
        <a data-largesrc="./img/big/cios_det.png">
            <img src="./img/new2/cios_det.png"/>
        </a>
    </li>
    <li>
        <a data-largesrc="./img/big/cios_login.png">
            <img src="./img/new2/cios_login.png"/>
        </a>
    </li>
    <li>
        <a data-largesrc="./img/big/cios_cart.png">
            <img src="./img/new2/cios_cart.png"/>
        </a>
    </li>
    <li>
        <a data-largesrc="./img/big/cios_ipad1.png">
            <img src="./img/new2/cios_ipad1.png"/>
        </a>
    </li>
    <li>
        <a data-largesrc="./img/big/cios_ipad2.png">
            <img src="./img/new2/cios_ipad2.png"/>
        </a>
    </li>
    <li>
        <a data-largesrc="./img/big/cios_ipad3.png">
            <img src="./img/new2/cios_ipad3.png"/>
        </a>
    </li>
</ul>


-->
<hr class="sep">
<div class="section">
	<h1 class="sectionTitle"><a name="clojushop">Clojushop</a>    <a href="#top">&#8593;</a></h1>
	<a href="https://github.com/i-schuetz/clojushop" target="_blank">Github</a><br/><br/>
    Online store backend/api written in Clojure. JSON api, supports paginated product list, authentication, user account, cart and payment, Unit tests.
</div>
<hr class="sep">


<div class="section">
	<h1 class="sectionTitle"><a name="fashionapps">The Iconic / Dafiti / Zalora Android apps</a>    <a href="#top">&#8593;</a></h1>
	<a href="https://play.google.com/store/apps/details?id=com.theiconic.android" target="_blank">The Iconic Google Play</a><br/>
    <a href="https://play.google.com/store/apps/details?id=com.dafiti.latam.android" target="_blank">Dafiti Google Play</a><br/>
    <a href="https://play.google.com/store/apps/details?id=com.zalora.android&hl=en" target="_blank">Zalora (relaunch) Google Play</a><br/><br/>
    
    Fashion e-commerce apps. Phone / Tablet, rest, md5 caching, internationalisation, custom views, etc. Similar core, customized for different ventures. Worked on this as lead Android developer with a remote team. After handover the ventures continue the mantainance / development of the apps.
</div>
<hr class="sep">


<ul id="og-grid" class="og-grid">
    <li>
        <a data-largesrc="./img/big/pr.png">
            <img src="./img/new2/pr.png"/>
        </a>
    </li>
    <li>
        <a data-largesrc="./img/big/home.jpg">
            <img src="./img/new2/home.jpg"/>
        </a>
    </li>
    <li>
        <a data-largesrc="./img/big/cat1.jpg">
            <img src="./img/new2/cat1.jpg"/>
        </a>
    </li>
    <li>
        <a data-largesrc="./img/big/cat.png">
            <img src="./img/new2/cat.png"/>
        </a>
    </li>
    <li>
        <a data-largesrc="./img/big/det1.jpg">
            <img src="./img/new2/det1.jpg"/>
        </a>
    </li>
    <li>
        <a data-largesrc="./img/big/search.png">
            <img src="./img/new2/search.png"/>
        </a>
    </li>
    <li>
        <a data-largesrc="./img/big/sidemenu2.png">
            <img src="./img/new2/sidemenu2.png"/>
        </a>
    </li>
    <li>
        <a data-largesrc="./img/big/cart.jpg">
            <img src="./img/new2/cart.jpg"/>
        </a>
    </li>
</ul>



<hr class="sep">
<div class="section">
	<h1 class="sectionTitle"><a name="maps">Map areas</a>    <a href="#top">&#8593;</a></h1>
	<a href="https://github.com/i-schuetz/map_areas" target="_blank">Github</a><br/><br/>
    Library to facilitate the creation of draggable map areas.
</div>

<hr class="sep">

<ul id="og-grid9" class="og-grid">
    <li>
        <a data-largesrc="./img/big/map1.png">
            <img src="./img/new2/map1.png"/>
        </a>
    </li>
    <li>
        <a data-largesrc="./img/big/map2.png">
            <img src="./img/new2/map2.png"/>
        </a>
    </li>
</ul>


<hr class="sep">
<div class="section">
	<h1 class="sectionTitle"><a name="openfeedback"><a href="http://www.openfeedback.net/?u=blub.test.com&pn=1&ps=10&s=0&i=0&b=0&l=en" target="_blank">openfeedback.net</a>    <a href="#top">&#8593;</a></h1>
    <a href="https://github.com/i-schuetz/openfeedback" target="_blank">Code</a><br/><br/>

	Experimental social networking site. I did everything (idea/design/programming/translations)(except legal terms and privacy) Technologies: Play framework 2.1/Scala, MongoDB, ReactiveMongo (async driver for MongoDB), AngularJS, Json API, Responsive CSS (desktop/mobile), Chrome extension. Nobody used it and I took it down, but it works! (I even did QA in Intenet explorer!). Maybe coming to life again if I find a more sustainable way to develop it.
</div>
<hr class="sep">

<ul id="og-grid2" class="og-grid">
    <li>
        <a data-largesrc="./img/big/ofscreen1.png">
            <img src="./img/new2/ofscreen1.png"/>
        </a>
    </li>
    <li>
        <a data-largesrc="./img/big/ofscreen2.png">
            <img src="./img/new2/ofscreen2.png"/>
        </a>
    </li>
 
</ul>
	<div style="clear:both;"></div>




<hr class="sep">
<div class="section">
	<h1 class="sectionTitle"><a name="showcase">Android showcase app</a>    <a href="#top">&#8593;</a></h1>
	<a href="https://play.google.com/store/apps/details?id=com.schuetz.showcase" target="_blank">Google Play</a><br/><br/>
	Samples of random functionality. Portrait / landscape and optimized for  all screen sizes (also tablets).
</div>
<hr class="sep">

<ul id="og-grid3" class="og-grid">
    <li>
        <a data-largesrc="./img/big/showcase_intro.png">
            <img src="./img/new2/showcase_intro.png"/>
        </a>
    </li>
    <li>
        <a data-largesrc="./img/big/Screenshot_2013-04-21-15-14-23.png">
            <img src="./img/new2/Screenshot_2013-04-21-15-14-23.png"/>
        </a>
    </li>
    <li>
        <a data-largesrc="./img/big/showcase_pager.png">
            <img src="./img/new2/showcase_pager.png"/>
        </a>
    </li>
    <li>
        <a data-largesrc="./img/big/s4.png">
            <img src="./img/new2/s4.png"/>
        </a>
    </li>
    <li>
        <a data-largesrc="./img/big/showcase_grid_segment1.png">
            <img src="./img/new2/showcase_grid_segment1.png"/>
        </a>
    </li>
    <li>
        <a data-largesrc="./img/big/sidemenu.png">
            <img src="./img/new2/sidemenu.png"/>
        </a>
    </li>
    <li>
        <a data-largesrc="./img/big/s3.png">
            <img src="./img/new2/s3.png"/>
        </a>
    </li>
    <li>
        <a data-largesrc="./img/big/showcase_map_land.png">
            <img src="./img/new2/showcase_map_land.png"/>
        </a>
    </li>
    <li>
        <a data-largesrc="./img/big/showcase_map_land2.png">
            <img src="./img/new2/showcase_map_land2.png"/>
        </a>
    </li>
    <li>
        <a data-largesrc="./img/big/showcase_swipe.png">
            <img src="./img/new2/showcase_swipe.png"/>
        </a>
    </li>
    <li>
        <a data-largesrc="./img/big/showcase_browser.png">
            <img src="./img/new2/showcase_browser.png"/>
        </a>
    </li>
    <li>
        <a data-largesrc="./img/big/about.png">
            <img src="./img/new2/about.png"/>
        </a>
    </li>
</ul>



<hr class="sep">	
<div class="section">
	<h1 class="sectionTitle"><a name="wastepedia">Wastepedia</a>    <a href="#top">&#8593;</a></h1>
	<a href="http://wastepedia.domain123.cloudbees.net" target="_blank">Link Web</a><br/>
	<a href="https://play.google.com/store/apps/details?id=com.wastepedia.android" target="_blank">Link Android app</a><br/>
    <a href="https://github.com/i-schuetz/wastepedia" target="_blank">Code</a><br/><br/>

	Experimental project about waste information management. Did everything - concept, design, content, database, server, content management system, web interface, android app.<br/><br/>
	The Android app is fragment based, and manages a structured cache of the server's data using content providers. It has also an option to do a full synchronisation to be used offline. The server is implemented with Lift/Scala and MySQL.<br/>
	<br/>Note: Page loads slowly / might be inactive because of free hosting.<br/>
</div>

	Android app<hr class="sep"><br>
    
    
    <ul id="og-grid4" class="og-grid">
        <li>
            <a data-largesrc="./img/big/wp1.png">
                <img src="./img/new2/wp1.png"/>
            </a>
        </li>
        <li>
            <a data-largesrc="./img/big/wp2.png">
                <img src="./img/new2/wp2.png"/>
            </a>
        </li>
        <li>
            <a data-largesrc="./img/big/wp3.png">
                <img src="./img/new2/wp3.png"/>
            </a>
        </li>
        <li>
            <a data-largesrc="./img/big/wp4.png">
                <img src="./img/new2/wp4.png"/>
            </a>
        </li>
        <li>
            <a data-largesrc="./img/big/wp5.png">
                <img src="./img/new2/wp5.png"/>
            </a>
        </li>

    </ul>
    
	<div style="clear:both;"></div><br>

	Web<hr class="sep"><br>
    
    <ul id="og-grid5" class="og-grid">
        <li>
            <a data-largesrc="./img/big/garbage_dictionary.png">
                <img src="./img/new2/garbage_dictionary.png"/>
            </a>
        </li>
        <li>
            <a data-largesrc="./img/big/garb_add_item.png">
                <img src="./img/new2/garb_add_item.png"/>
            </a>
        </li>
    </ul>
		
<hr class="sep">	
<div class="section">
	<h1 class="sectionTitle"><a name="zalora">Zalora Android app</a>    <a href="#top">&#8593;</a></h1>
	<a href="https://play.google.com/store/apps/details?id=com.zalora.android" target="_blank">Google Play</a><br/><br/>
    
	Fashion shopping app for the Asian market. Available in multiple countries / languages. REST backend, Partial caching in local database.<br/>
	Ported it from iOS (worked on it until version 1.0.1).<br/><br/>


    
    <ul id="og-grid6" class="og-grid">
        <li>
            <a data-largesrc="./img/big/zal1.png">
                <img src="./img/new2/zal1.png"/>
            </a>
        </li>
        <li>
            <a data-largesrc="./img/big/zal2.png">
                <img src="./img/new2/zal2.png"/>
            </a>
        </li>
        <li>
            <a data-largesrc="./img/big/zal3.png">
                <img src="./img/new2/zal3.png"/>
            </a>
        </li>
        <li>
            <a data-largesrc="./img/big/zal4.png">
                <img src="./img/new2/zal4.png"/>
            </a>
        </li>
        <li>
            <a data-largesrc="./img/big/zal5.png">
                <img src="./img/new2/zal5.png"/>
            </a>
        </li>
        
    </ul>

</div><br/><br/>

<hr class="sep">	
<div class="section">
	<h1 class="sectionTitle"><a name="dropgifts">Dropgifts Android app (relaunch)</a>    <a href="#top">&#8593;</a></h1>
    <a href="https://play.google.com/store/apps/details?id=com.bigitec.dropgifts" target="_blank">Google Play</a><br/><br/>

	Social gifting app with Facebook SDK and push notifications. Available in multiple countries / languages. REST backend.<br/>
	Implemented (programmed) complete relaunch of the Android app.<br/><br/>
	Smartphone only (no tablets).<br/><br/>
	
    
    
    <ul id="og-grid7" class="og-grid">
        <li>
            <a data-largesrc="./img/big/dg1.jpg">
                <img src="./img/new2/dg1.jpg"/>
            </a>
        </li>
        <li>
            <a data-largesrc="./img/big/dg2.jpg">
                <img src="./img/new2/dg2.jpg"/>
            </a>
        </li>
        <li>
            <a data-largesrc="./img/big/dg3.jpg">
                <img src="./img/new2/dg3.jpg"/>
            </a>
        </li>
        <li>
            <a data-largesrc="./img/big/dg4.jpg">
                <img src="./img/new2/dg4.jpg"/>
            </a>
        </li>
        <li>
            <a data-largesrc="./img/big/dg5.jpg">
                <img src="./img/new2/dg5.jpg"/>
            </a>
        </li>
    </ul>

</div><br/><br/>

<hr class="sep">	
	
	<div style="margin-bottom:40px;" class="hright">&copy; Ivan Schuetz (except images, and apps which evidently belong to other companies), 2014&nbsp;&nbsp;&nbsp;&nbsp;<a href="./index_old.html" target="_blank"><i>Old things...</i></a></div>
    
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
    <script src="js/grid.js"></script>
    <script>
        $(function() {
          Grid.init();Grid2.init();Grid3.init();Grid4.init();Grid5.init();Grid6.init();Grid7.init();Grid8.init();Grid9.init();
          });
		</script>
</body>
